

/* 商品分类列表和banner */

.category {
    position: relative;
    width: 200px;
    height: 420px;
}

/* 列表样式 li */

.category .category-item {
    height: 30px;
    line-height: 28px;
    padding-left: 20px;
    border: 1px solid transparent;
    border-right: 0;
    box-sizing: border-box;
    background-color: #f3f3f3;
}

.category .category-item:hover {
    border-color: #f60;
    background-color: #fff;
}

/* 鼠标移入li 控制a标签的样式 */

.category .category-item:hover .category-link {
    color: #f60;
}

/* 子菜单 */

.category .category-item .menu {
    /* 默认隐藏 */
    display: none;
    position: absolute;
    top: 0;
    left: 200px;
    width: 800px;
    height: 420px;
    border: 1px solid #f60;
    padding-right: 50px;
    background-color: #fff;
    z-index:101 ;
}

/* 鼠标移入li 显示对应的子菜单 */

.category .category-item:hover .menu {
    display: block; 
}

/* 鼠标移入li 处理p标签，压住子菜单 */
.category .category-item:hover .link-wrap {
    position: relative;
    width: 180px;
    background: #fff;
    z-index: 105;
}

/* banner区域 */
.banner {
    width: 1000px;
    height: 420px;
  
}

.menu-p{line-height: 30px;margin-bottom: 10px;}

.menu-a{margin-left: 50px;}
.menu-a:hover{color: red;}

.menu-dt{color: red;margin-left: 50px;border-bottom: 1px solid #ccc;}

.menu-dd{float: left;margin-left: 50px;}

/* 电子书 */
/* 左 */
.clothes01{ width: 1200px; height: 370px;box-sizing: border-box;margin: 0 auto;}
.clothes0{ width: 720px; height: 368px;box-sizing: border-box;}
/* 头部 */
.clo-top0{ width: 720px; height: 65px; line-height: 22px; border-bottom: 5px solid #f60; box-sizing: border-box;}
.title0{font-size: 19px;color: #333; margin-top: 32px;}
.tab-title0{ width: 60px; height: 20px; font-size: 11px; margin-top: 41px;}
/* 内容 */
 .clo-con0{ width: 720px; height: 300px;  display: none;}
/* current */
 .current{display: block;}
.clo-con-fl0{width: 142px; height: 300px;background-color: #f9f9f9;}
.clo-con-ct0{width: 256px; height: 300px;}
.clo-con-fr0{width: 320px; height: 300px;}
/* <!-- 内容左 --> */
.clo-con-fl-img0{width: 142px; height: 208px;}
.clo-con-ul0 .clo-con-a0:hover{color: white;font-size: 6px;}
.clo-con-ul0 .clo-con-li0{width: 40px; line-height: 22px; margin-left: 3px;float: left;font-size: 6px;}
.clo-con-ul0 .clo-con-li0:hover{background-color: #f60;}
/* 内容中 */
.slider0{width: 256px;height: 204px;}
/* 内容右 */
 .clo-con-fr0 .clo-con-tb0{margin: 0 auto; width: 298px !important; height: 300px;border-collapse: collapse;box-sizing: border-box;} 
 .clo-con-fr0 .clo-con-tb0 .td-img{width: 104px !important; height: 140px;}
 .clo-con-fr0 .clo-con-td0{ width: 102px !important; border: 1px solid #ccc;}

/* 右 */
.tushu-right{height: 300px; width: 450px; border: 1px solid #ccc;margin-top: 65px;}
.tushu-ul{padding-left: 30px;}
.tushu-h2{line-height: 20px; font-size: 16px;}
.tushu-li{position: relative;  border-bottom: 2px solid #ccc; }
.order-num{position: absolute; top: 11px; left: -16px;}
.tushu-li:first-child .order-num{color: red;}
.tushu-li:nth-child(2) .order-num{color: red;}
.tushu-li:nth-child(3) .order-num{color: red;}
.tushu-img{width: 200px; height: 100px;}
/* 
激活状态
*/
.activ{display: block;}
.tushu-li.activ .book-title{display: none;}
.tushu-li.activ .book-box{display: block;}
.book-title{line-height: 40px;}
.book-box{display: none;}












/* 今日推荐  recommend*/
.recommend{height: 550px; margin-bottom: 30px;}

.recommend-nav{width: 1200px; height: 60px; padding-top: 23px; border-bottom: 3px solid #f60; box-sizing: border-box;}

.recommend-nav-p{font-size: 24px; color: #f60;font-weight: bold;}

/* .recommend-ul{width: 1200px; height: 490px;background-color: rgb(255, 209, 193);}

.recommend-li{float: left; width: 200px; height: 245px; border: 1px solid red;} */

.recommend-tb{ margin: 0 auto; width: 1190px; height: 490px;border-collapse: collapse;box-sizing: border-box;}

.recommend-td{ position: relative; -text-align: center; border: 2px solid #f60;}

.recommend-td .recommend-img{position: absolute; top: 0;left: 24px;}

.recommend-td .recommend-img1{position: absolute; top: 145px;}

.recommend-td .recommend-img2{position: absolute; top: 152px;}

.recommend-td .p1{margin-left: 9px;margin-top: 174px;}
.recommend-td .p2{margin-left: 9px;color: red;}
.recommend-td .p3{ line-height: 25px; margin-left: 9px;color: red; font-size: 24px; font-weight: bold;}

/* j家居日用 */
/* 头部 */
.fmuse{height: 575px;}
/* 左边 */
.fmues-fl{width: 480px; height: 575px; }
.fmues-fl img{width: 480px; height: 575px;}
/* 右边 */
.fmues-fr{width: 720px; height: 575px; }
.fmfl-tb{width: 720px; height: 575px;border-collapse: collapse;box-sizing: border-box;}
.fmfl-tb td{border: 1px solid #ccc;}
.tb-img1{width: 178px; height: 340px;}
.tb-img11{width: 178px; height: 340px;display: none;}
.tb-img2{width: 178px; height: 231px;}
.tb-img22{width: 178px; height: 231px;display: none;}
.db{display: block;}
.dn{display: none;}
.imgshadow{
    background-color:rgb(244, 240, 234) ;
    box-shadow: 10px  10px 10px #ccc
}

/* 推广商品 */
.title1{color: #f60;}
.tg-tb{width: 1190px; height: 575px; border-collapse: collapse;box-sizing: border-box; margin: 0 auto;display: none;}
.tg-tb td{border: 1px solid #ccc;}
.tg-img1,.tg-img2,.tg-img3,.tg-img4{width: 235px; height: 285px;}
.current{display: block;}

/* 楼层导航 */
.floor-nav{position: fixed; top: 50%; margin-top: -100px; left: 50%; margin-left: -650px; width: 40px; height: 200px; }
.nav-item{width: 0px; height: 40px;  border: 1px solid red;background: url('../img/fix_box_icon_160622.png') no-repeat;padding-left: 40px;overflow: hidden;line-height: 40px; text-align: center; color: #fff;}
.nav-item1{width: 40px; height: 40px;  border: 1px solid red;line-height: 40px; text-align: center; user-select: none;}
.bg2{background-position-y: -80px;}
.bg3{background-position-y: -160px;}
.bg4{background-position-y: -200px;}
.bg5{background-position-y: -320px;}

/* 顶部搜索框 */
.topsecrch{position: fixed; top: 0; left: 0; width: 100%; height: 60px; border-bottom: 2px solid #f60; background-color: skyblue; z-index: 200;display: none;}




